<script setup lang="ts">
import {useRoleViewStore} from "@/store/views/sys/admin/roleStore";
import Search from '@/views/sys/admin/role/list/role-search.vue'
import Table from "@/views/sys/admin/role/list/role-table.vue";
import RolePagination from "@/views/sys/admin/role/list/role-pagination.vue";

const store = useRoleViewStore()
const {getList, queryData} = store
watch([() => queryData.pageSize, () => queryData.currentPage], async () => {
  await getList()
})
onMounted(async () => {
  store.$reset()
  await getList()
})
</script>
<template>
  <!--  搜索页面-->
  <Search/>
  <!-- table -->
  <Table/>
  <!-- 分页 -->
  <RolePagination/>
</template>